<div class="main_grid">
    <div class="main_grid_top workreport-grid-top">
        <div class="goal_top_title">
            <div class="grid_view clear">
                <div class="view_now">
                    <span>
                        <span class="view_name" data-value="25">{{ 'WORKREPORT_14' | i18n }}</span>
                         <span class="arrow"></span>
                    </span>
                    <div class="drop_div work-report-div">
                        <ul class="drop-menu">
                            <li><a  data-value="25"  data-name="day"   href="javascript:void(0);">{{ 'WORKREPORT_14' | i18n }}</a></li>
                            <li><a  data-value="26"  data-name="week" href="javascript:void(0);">{{ 'WORKREPORT_15' | i18n }}</a></li>
                            <li><a  data-value="27"  data-name="month" href="javascript:void(0);">{{ 'WORKREPORT_16' | i18n }}</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main_grid_middlle workreport_grid_middlle clear">
        <div class="workreport-grid-inner clear">
            <div class="grid_bread_crumb forecast_top document_title work-report-crumb">
                <table class="work-report-table">
                    <tbody>
                    <tr>
                        <td>
                            <div class="time_select clear">
                                <input type="text" id="wrStatisticDepartment" placeholder="{{ 'WORKREPORT_17' | i18n }}"/>
                            </div>
                            <div class="area_select people_select clear">
                                <input type="text" id="wrStatisticUser" placeholder="{{ 'WORKREPORT_18' | i18n }}"/>
                                <a style="display: none" href="javascript:void(0);" class="search-close"><span></span></a>
                            </div>
                        </td>
                        <td>
                            <div class="workreport-schedule-header">
                                <a href="javascript:void(0);" class="prve">
                                    <span></span>
                                </a>
                            <span class="date-content" data-value="{{data_value}}" data-startTime="{{data_startTime}}" data-endTime="{{data_endTime}}">
                            <span  class="date-year">{{statistic_year}}</span>
                            <span class="date-month">{{statistic_day_range}}</span>
                            </span>
                                <a href="javascript:void(0);" class="next">
                                    <span></span>
                                </a>
                            </div>
                        </td>
                        <td>
                            <div class="legend">
                                <span class="has-submit">{{ 'WORKREPORT_11' | i18n }}</span>
                                <span class="forward_submit">{{ 'WORKREPORT_13' | i18n }}</span>
                                <span class="no-submit">{{ 'WORKREPORT_12' | i18n }}</span>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="workreport-grid-header">
                 {{#statistic_header}}
            </div>
            <div class="workreport-grid-body">

            </div>
            <div class="workreport-grid-footer">
                <div class="all_approvals_pagination rk-paging">

                </div>
            </div>
        </div>
    </div>
</div>